// components/touchBox.js
Component({
  // externalClasses: ['touchBox-class'],
  /**
   * 组件的属性列表
   */
  properties: {
    color:"",
  },

  /**
   * 组件的初始数据
   */
  data: {
    dynamic_color:""
  },

  pageLifetimes: {
    // 组件所在页面的生命周期函数
    show: function () {
      this.setData({
        dynamic_color:this.properties.color
      })
    },
    hide: function () { },
    resize: function () { },
  },
  /**
   * 组件的方法列表
   */
  methods: {
    pressDown(){
      this.setData({
        dynamic_color:get_new_color(this.properties.color,0.8)
      })
    },
    pressUp(){
      this.setData({
        dynamic_color:this.properties.color
      })
    }
  },
})

function get_new_color(color,rate){
  let color_s = color.match(/\d+/g)
  let rgb = color_s.map((item)=>{
    return Math.ceil(parseInt(item)*rate)
  })
  return `rgb(${rgb[0]},${rgb[1]},${rgb[2]})`
}